@apify/ui-library 1.98.3 → 1.99.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/components/button.d.ts +6 -2
- package/dist/src/components/button.d.ts.map +1 -1
- package/dist/src/components/button.js +35 -8
- package/dist/src/components/button.js.map +1 -1
- package/dist/src/components/button.stories.d.ts +6 -0
- package/dist/src/components/button.stories.d.ts.map +1 -0
- package/dist/src/components/button.stories.js +46 -0
- package/dist/src/components/button.stories.js.map +1 -0
- package/dist/src/components/code/one_light_theme.d.ts +3 -0
- package/dist/src/components/code/one_light_theme.d.ts.map +1 -0
- package/dist/src/components/code/one_light_theme.js +108 -0
- package/dist/src/components/code/one_light_theme.js.map +1 -0
- package/dist/src/components/code/prism_highlighter.d.ts.map +1 -1
- package/dist/src/components/code/prism_highlighter.js +4 -3
- package/dist/src/components/code/prism_highlighter.js.map +1 -1
- package/dist/src/components/code/prism_python.d.ts +1 -0
- package/dist/src/components/code/prism_python.d.ts.map +1 -0
- package/dist/src/components/code/prism_python.js +76 -0
- package/dist/src/components/code/prism_python.js.map +1 -0
- package/dist/src/components/icon_button.d.ts +55 -0
- package/dist/src/components/icon_button.d.ts.map +1 -0
- package/dist/src/components/icon_button.js +134 -0
- package/dist/src/components/icon_button.js.map +1 -0
- package/dist/src/components/icon_button.stories.d.ts +36 -0
- package/dist/src/components/icon_button.stories.d.ts.map +1 -0
- package/dist/src/components/icon_button.stories.js +59 -0
- package/dist/src/components/icon_button.stories.js.map +1 -0
- package/dist/src/components/index.d.ts +2 -0
- package/dist/src/components/index.d.ts.map +1 -1
- package/dist/src/components/index.js +2 -0
- package/dist/src/components/index.js.map +1 -1
- package/dist/src/components/spinner.d.ts +32 -0
- package/dist/src/components/spinner.d.ts.map +1 -0
- package/dist/src/components/spinner.js +84 -0
- package/dist/src/components/spinner.js.map +1 -0
- package/dist/src/components/spinner.stories.d.ts +8 -0
- package/dist/src/components/spinner.stories.d.ts.map +1 -0
- package/dist/src/components/spinner.stories.js +24 -0
- package/dist/src/components/spinner.stories.js.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/src/components/{button.stories.jsx → button.stories.tsx} +26 -11
- package/src/components/button.tsx +43 -11
- package/src/components/code/one_light_theme.ts +110 -0
- package/src/components/code/prism_highlighter.tsx +4 -3
- package/src/components/code/prism_python.ts +76 -0
- package/src/components/icon_button.stories.tsx +251 -0
- package/src/components/icon_button.tsx +211 -0
- package/src/components/index.ts +2 -0
- package/src/components/spinner.stories.tsx +37 -0
- package/src/components/spinner.tsx +116 -0
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import type { AriaAttributes } from 'react';
|
|
2
2
|
import type React from 'react';
|
|
3
|
+
import { type IconSize } from '@apify/ui-icons';
|
|
3
4
|
import { type WithRequired } from '../type_utils.js';
|
|
4
5
|
import { type MarginSpacingProps, type RegularBoxProps } from './box.js';
|
|
5
6
|
import { type LinkProps } from './link.js';
|
|
6
|
-
type ButtonSize = 'medium' | 'small';
|
|
7
|
+
export type ButtonSize = 'extraLarge' | 'large' | 'medium' | 'small' | 'extraSmall';
|
|
7
8
|
type ButtonColor = 'default' | 'success' | 'danger';
|
|
8
9
|
type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
|
|
9
10
|
export interface TransientButtonProps {
|
|
@@ -24,8 +25,11 @@ export type ButtonProps = CommonButtonProps & WithRequired<RegularBoxProps, 'onC
|
|
|
24
25
|
export type AnchorButtonProps = CommonButtonProps & RegularBoxProps & LinkProps;
|
|
25
26
|
type ButtonSizeCombinations = {
|
|
26
27
|
[Size in ButtonSize]: {
|
|
28
|
+
typography: string;
|
|
29
|
+
size: number;
|
|
27
30
|
horizontalPadding: number;
|
|
28
|
-
|
|
31
|
+
borderRadius: string;
|
|
32
|
+
iconSize: IconSize;
|
|
29
33
|
};
|
|
30
34
|
};
|
|
31
35
|
export declare const BUTTON_SIZE_VARIANTS_CSS: ButtonSizeCombinations;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAoB,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGlE,OAAO,EAAE,KAAK,YAAY,EAA2B,MAAM,kBAAkB,CAAC;AAE9E,OAAO,EAAO,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAC9E,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAEhE,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;AACpF,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACpD,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAE1D,MAAM,WAAW,oBAAoB;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAkB;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,iBAAiB,CAAC,CAAC;AAG9E,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG,eAAe,GAAG,oBAAoB,GAAG,kBAAkB,CAAC;AAEjH,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;AAEvF,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,eAAe,GAAG,SAAS,CAAC;AA6BhF,KAAK,sBAAsB,GAAG;KACzB,IAAI,IAAI,UAAU,GAAG;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,iBAAiB,EAAE,MAAM,CAAC;QAC1B,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,EAAE,QAAQ,CAAC;KACtB;CACJ,CAAC;AA+EF,eAAO,MAAM,wBAAwB,EAAE,sBAoCtC,CAAC;AAEF,eAAO,MAAM,oBAAoB,aAAa,aAAa,UAAqB,WAAW,2DAqC1F,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAAU,UAAU,2DAgBnD,CAAC;AA4BF,eAAO,MAAM,MAAM,uGAmEjB,CAAC"}
|
|
@@ -88,13 +88,40 @@ const BUTTON_COLOR_VARIANTS_CSS = {
|
|
|
88
88
|
},
|
|
89
89
|
};
|
|
90
90
|
export const BUTTON_SIZE_VARIANTS_CSS = {
|
|
91
|
+
extraLarge: {
|
|
92
|
+
typography: theme.typography.shared.mobile.bodyMMedium,
|
|
93
|
+
size: 40,
|
|
94
|
+
horizontalPadding: 12,
|
|
95
|
+
borderRadius: theme.radius.radius8,
|
|
96
|
+
iconSize: '20',
|
|
97
|
+
},
|
|
98
|
+
large: {
|
|
99
|
+
typography: theme.typography.shared.mobile.bodyMMedium,
|
|
100
|
+
size: 36,
|
|
101
|
+
horizontalPadding: 12,
|
|
102
|
+
borderRadius: theme.radius.radius6,
|
|
103
|
+
iconSize: '20',
|
|
104
|
+
},
|
|
91
105
|
medium: {
|
|
92
|
-
|
|
106
|
+
typography: theme.typography.shared.mobile.bodyMMedium,
|
|
107
|
+
size: 32,
|
|
93
108
|
horizontalPadding: 12,
|
|
109
|
+
borderRadius: theme.radius.radius6,
|
|
110
|
+
iconSize: '16',
|
|
94
111
|
},
|
|
95
112
|
small: {
|
|
96
|
-
|
|
113
|
+
typography: theme.typography.shared.mobile.bodyMMedium,
|
|
114
|
+
size: 28,
|
|
97
115
|
horizontalPadding: 8,
|
|
116
|
+
borderRadius: theme.radius.radius6,
|
|
117
|
+
iconSize: '16',
|
|
118
|
+
},
|
|
119
|
+
extraSmall: {
|
|
120
|
+
typography: theme.typography.shared.mobile.bodySMedium,
|
|
121
|
+
size: 24,
|
|
122
|
+
horizontalPadding: 6,
|
|
123
|
+
borderRadius: theme.radius.radius6,
|
|
124
|
+
iconSize: '12',
|
|
98
125
|
},
|
|
99
126
|
};
|
|
100
127
|
export const getButtonColorStyles = (variant = 'primary', color = 'default') => {
|
|
@@ -126,23 +153,24 @@ export const getButtonColorStyles = (variant = 'primary', color = 'default') =>
|
|
|
126
153
|
`;
|
|
127
154
|
};
|
|
128
155
|
export const getButtonSizeStyles = (size = 'medium') => {
|
|
129
|
-
const { height, horizontalPadding, } = BUTTON_SIZE_VARIANTS_CSS[size];
|
|
156
|
+
const { typography, size: height, horizontalPadding, borderRadius, } = BUTTON_SIZE_VARIANTS_CSS[size];
|
|
130
157
|
return css `
|
|
158
|
+
${typography};
|
|
131
159
|
height: ${height}px;
|
|
132
160
|
/* We just want to ensure padding on the sides. Height is set the the hard way for simplicity */
|
|
133
161
|
padding: 0 ${horizontalPadding}px;
|
|
162
|
+
border-radius: ${borderRadius};
|
|
163
|
+
|
|
134
164
|
`;
|
|
135
165
|
};
|
|
136
166
|
const StyledButton = styled(Box) `
|
|
137
|
-
${theme.typography.shared.mobile.bodyMMedium};
|
|
138
|
-
|
|
139
167
|
/* Basic positioning */
|
|
140
168
|
display: inline-flex;
|
|
141
169
|
align-items: center;
|
|
142
170
|
/* NOT sure about this. It needs to be set when we want 100% width button */
|
|
143
171
|
/* Maybe we can add block property */
|
|
144
172
|
justify-content: center;
|
|
145
|
-
gap: ${theme.space.
|
|
173
|
+
gap: ${theme.space.space4};
|
|
146
174
|
|
|
147
175
|
/* Basic styles */
|
|
148
176
|
white-space: nowrap;
|
|
@@ -152,7 +180,6 @@ const StyledButton = styled(Box) `
|
|
|
152
180
|
/* Border is always defined, but it can be set to transparent */
|
|
153
181
|
border-style: solid;
|
|
154
182
|
border-width: 1px;
|
|
155
|
-
border-radius: ${theme.radius.radius6};
|
|
156
183
|
border-color: transparent;
|
|
157
184
|
|
|
158
185
|
/* Colors */
|
|
@@ -170,7 +197,7 @@ export const Button = forwardRef((props, ref) => {
|
|
|
170
197
|
if (onClick)
|
|
171
198
|
onClick(e);
|
|
172
199
|
};
|
|
173
|
-
const iconSize = size
|
|
200
|
+
const { iconSize } = BUTTON_SIZE_VARIANTS_CSS[size];
|
|
174
201
|
if (isAnchorButton(props)) {
|
|
175
202
|
const isExternal = isUrlExternal(props.to, windowLocationHost);
|
|
176
203
|
const EffectiveRightIcon = (isExternal && !props.hideExternalIcon) ? ExternalLinkIcon : RightIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Meta } from '@storybook/react-vite';
|
|
2
|
+
import { Button } from './button.js';
|
|
3
|
+
declare const _default: Meta<typeof Button>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Default: () => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
//# sourceMappingURL=button.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAQlD,OAAO,EAAE,MAAM,EAAoB,MAAM,aAAa,CAAC;wBAWlD,IAAI,CAAC,OAAO,MAAM,CAAC;AATxB,wBASyB;AA6FzB,eAAO,MAAM,OAAO,+CA6BnB,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
// eslint-disable-next-line import/extensions
|
|
3
|
+
import { action } from 'storybook/actions';
|
|
4
|
+
import styled from 'styled-components';
|
|
5
|
+
import { CrossIcon } from '@apify/ui-icons';
|
|
6
|
+
import { theme } from '../design_system/theme.js';
|
|
7
|
+
import { Button } from './button.js';
|
|
8
|
+
export default {
|
|
9
|
+
title: 'UI-Library/Button',
|
|
10
|
+
component: Button,
|
|
11
|
+
parameters: {
|
|
12
|
+
design: {
|
|
13
|
+
type: 'figma',
|
|
14
|
+
url: 'https://www.figma.com/design/duSsGnk84UMYav8mg8QNgR/%F0%9F%93%96-Shared-library?node-id=5235-24898&t=fCZgSCLJK79g0Omo-4',
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
};
|
|
18
|
+
const Wrapper = styled.div `
|
|
19
|
+
background-color: ${theme.color.neutral.background};
|
|
20
|
+
padding: 2rem;
|
|
21
|
+
display: flex;
|
|
22
|
+
flex-direction: column;
|
|
23
|
+
align-items: flex-start;
|
|
24
|
+
gap: 8px;
|
|
25
|
+
`;
|
|
26
|
+
const TwoColumns = styled.div `
|
|
27
|
+
display: grid;
|
|
28
|
+
grid-template-columns: repeat(5, auto);
|
|
29
|
+
gap: 40px;
|
|
30
|
+
`;
|
|
31
|
+
const ButtonGrid = styled.div `
|
|
32
|
+
display: flex;
|
|
33
|
+
gap: 8px;
|
|
34
|
+
margin-bottom: 16px;
|
|
35
|
+
`;
|
|
36
|
+
const ButtonSection = ({ ...rest }) => {
|
|
37
|
+
const props = {
|
|
38
|
+
...rest,
|
|
39
|
+
onClick: action('onClick'),
|
|
40
|
+
};
|
|
41
|
+
return (_jsxs(Wrapper, { children: [_jsxs(ButtonGrid, { children: [_jsx(Button, { ...props, variant: 'primary', children: "Primary" }), _jsx(Button, { ...props, variant: 'secondary', children: "Secondary" }), _jsx(Button, { ...props, variant: 'tertiary', children: "Tertiary" }), _jsx(Button, { ...props, disabled: true, children: "Disabled" })] }), _jsx("h6", { children: "With leading icon" }), _jsxs(ButtonGrid, { children: [_jsx(Button, { ...props, LeftIcon: CrossIcon, variant: 'primary', children: "Primary" }), _jsx(Button, { ...props, LeftIcon: CrossIcon, variant: 'secondary', children: "Secondary" }), _jsx(Button, { ...props, LeftIcon: CrossIcon, variant: 'tertiary', children: "Tertiary" }), _jsx(Button, { ...props, LeftIcon: CrossIcon, disabled: true, children: "Disabled" })] }), _jsx("h6", { children: "With trailing icon" }), _jsxs(ButtonGrid, { children: [_jsx(Button, { ...props, RightIcon: CrossIcon, variant: 'primary', children: "Primary" }), _jsx(Button, { ...props, RightIcon: CrossIcon, variant: 'secondary', children: "Secondary" }), _jsx(Button, { ...props, RightIcon: CrossIcon, variant: 'tertiary', children: "Tertiary" }), _jsx(Button, { ...props, RightIcon: CrossIcon, disabled: true, children: "Disabled" })] }), _jsx("h6", { children: "With both icons" }), _jsxs(ButtonGrid, { children: [_jsx(Button, { ...props, RightIcon: CrossIcon, LeftIcon: CrossIcon, variant: 'primary', children: "Primary test" }), _jsx(Button, { ...props, RightIcon: CrossIcon, LeftIcon: CrossIcon, variant: 'secondary', children: "Secondary" }), _jsx(Button, { ...props, RightIcon: CrossIcon, LeftIcon: CrossIcon, variant: 'tertiary', children: "Tertiary" }), _jsx(Button, { ...props, RightIcon: CrossIcon, LeftIcon: CrossIcon, disabled: true, children: "Disabled" })] })] }));
|
|
42
|
+
};
|
|
43
|
+
export const Default = () => {
|
|
44
|
+
return (_jsxs(Wrapper, { children: [_jsx("h4", { children: "Primary" }), _jsxs(TwoColumns, { children: [_jsx(ButtonSection, { color: 'default', size: 'extraLarge' }), _jsx(ButtonSection, { color: 'default', size: 'large' }), _jsx(ButtonSection, { color: 'default', size: 'medium' }), _jsx(ButtonSection, { color: 'default', size: 'small' }), _jsx(ButtonSection, { color: 'default', size: 'extraSmall' })] }), _jsx("h4", { children: "Success" }), _jsxs(TwoColumns, { children: [_jsx(ButtonSection, { color: 'success', size: 'extraLarge' }), _jsx(ButtonSection, { color: 'success', size: 'large' }), _jsx(ButtonSection, { color: 'success', size: 'medium' }), _jsx(ButtonSection, { color: 'success', size: 'small' }), _jsx(ButtonSection, { color: 'success', size: 'extraSmall' })] }), _jsx("h4", { children: "Danger" }), _jsxs(TwoColumns, { children: [_jsx(ButtonSection, { color: 'danger', size: 'extraLarge' }), _jsx(ButtonSection, { color: 'danger', size: 'large' }), _jsx(ButtonSection, { color: 'danger', size: 'medium' }), _jsx(ButtonSection, { color: 'danger', size: 'small' }), _jsx(ButtonSection, { color: 'danger', size: 'extraSmall' })] })] }));
|
|
45
|
+
};
|
|
46
|
+
//# sourceMappingURL=button.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../src/components/button.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"one_light_theme.d.ts","sourceRoot":"","sources":["../../../../src/components/code/one_light_theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,aAAa,EAAE,UA2G3B,CAAC"}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
export const oneLightTheme = {
|
|
2
|
+
plain: {
|
|
3
|
+
backgroundColor: 'hsl(230, 1%, 98%)',
|
|
4
|
+
color: 'hsl(230, 8%, 24%)',
|
|
5
|
+
},
|
|
6
|
+
styles: [
|
|
7
|
+
{
|
|
8
|
+
types: ['comment', 'prolog', 'cdata'],
|
|
9
|
+
style: {
|
|
10
|
+
color: 'hsl(230, 4%, 64%)',
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
types: ['doctype', 'entity'],
|
|
15
|
+
style: {
|
|
16
|
+
color: 'hsl(230, 8%, 24%)',
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
types: [
|
|
21
|
+
'attr-name',
|
|
22
|
+
'class-name',
|
|
23
|
+
'boolean',
|
|
24
|
+
'constant',
|
|
25
|
+
'number',
|
|
26
|
+
'atrule',
|
|
27
|
+
],
|
|
28
|
+
style: {
|
|
29
|
+
color: 'hsl(35, 99%, 36%)',
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
types: ['keyword'],
|
|
34
|
+
style: {
|
|
35
|
+
color: 'hsl(301, 63%, 40%)',
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
types: ['property', 'tag', 'symbol', 'deleted', 'important'],
|
|
40
|
+
style: {
|
|
41
|
+
color: 'hsl(5, 74%, 59%)',
|
|
42
|
+
},
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
types: ['punctuation'],
|
|
46
|
+
style: {
|
|
47
|
+
color: 'hsl(230, 6%, 44%)',
|
|
48
|
+
},
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
types: [
|
|
52
|
+
'selector',
|
|
53
|
+
'string',
|
|
54
|
+
'char',
|
|
55
|
+
'builtin',
|
|
56
|
+
'inserted',
|
|
57
|
+
'regex',
|
|
58
|
+
'attr-value',
|
|
59
|
+
],
|
|
60
|
+
style: {
|
|
61
|
+
color: 'hsl(119, 34%, 47%)',
|
|
62
|
+
},
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
types: ['variable', 'operator', 'function'],
|
|
66
|
+
style: {
|
|
67
|
+
color: 'hsl(221, 87%, 60%)',
|
|
68
|
+
},
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
types: ['url'],
|
|
72
|
+
style: {
|
|
73
|
+
color: 'hsl(198, 99%, 37%)',
|
|
74
|
+
},
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
types: ['deleted'],
|
|
78
|
+
style: {
|
|
79
|
+
textDecorationLine: 'line-through',
|
|
80
|
+
},
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
types: ['inserted'],
|
|
84
|
+
style: {
|
|
85
|
+
textDecorationLine: 'underline',
|
|
86
|
+
},
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
types: ['italic'],
|
|
90
|
+
style: {
|
|
91
|
+
fontStyle: 'italic',
|
|
92
|
+
},
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
types: ['important', 'bold'],
|
|
96
|
+
style: {
|
|
97
|
+
fontWeight: 'bold',
|
|
98
|
+
},
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
types: ['important'],
|
|
102
|
+
style: {
|
|
103
|
+
color: 'hsl(230, 8%, 24%)',
|
|
104
|
+
},
|
|
105
|
+
},
|
|
106
|
+
],
|
|
107
|
+
};
|
|
108
|
+
//# sourceMappingURL=one_light_theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"one_light_theme.js","sourceRoot":"","sources":["../../../../src/components/code/one_light_theme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAe;IACrC,KAAK,EAAE;QACH,eAAe,EAAE,mBAAmB;QACpC,KAAK,EAAE,mBAAmB;KAC7B;IACD,MAAM,EAAE;QACJ;YACI,KAAK,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC;YACrC,KAAK,EAAE;gBACH,KAAK,EAAE,mBAAmB;aAC7B;SACJ;QACD;YACI,KAAK,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;YAC5B,KAAK,EAAE;gBACH,KAAK,EAAE,mBAAmB;aAC7B;SACJ;QACD;YACI,KAAK,EAAE;gBACH,WAAW;gBACX,YAAY;gBACZ,SAAS;gBACT,UAAU;gBACV,QAAQ;gBACR,QAAQ;aACX;YACD,KAAK,EAAE;gBACH,KAAK,EAAE,mBAAmB;aAC7B;SACJ;QACD;YACI,KAAK,EAAE,CAAC,SAAS,CAAC;YAClB,KAAK,EAAE;gBACH,KAAK,EAAE,oBAAoB;aAC9B;SACJ;QAED;YACI,KAAK,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,CAAC;YAC5D,KAAK,EAAE;gBACH,KAAK,EAAE,kBAAkB;aAC5B;SACJ;QACD;YACI,KAAK,EAAE,CAAC,aAAa,CAAC;YACtB,KAAK,EAAE;gBACH,KAAK,EAAE,mBAAmB;aAC7B;SACJ;QACD;YACI,KAAK,EAAE;gBACH,UAAU;gBACV,QAAQ;gBACR,MAAM;gBACN,SAAS;gBACT,UAAU;gBACV,OAAO;gBACP,YAAY;aACf;YACD,KAAK,EAAE;gBACH,KAAK,EAAE,oBAAoB;aAC9B;SACJ;QACD;YACI,KAAK,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;YAC3C,KAAK,EAAE;gBACH,KAAK,EAAE,oBAAoB;aAC9B;SACJ;QACD;YACI,KAAK,EAAE,CAAC,KAAK,CAAC;YACd,KAAK,EAAE;gBACH,KAAK,EAAE,oBAAoB;aAC9B;SACJ;QACD;YACI,KAAK,EAAE,CAAC,SAAS,CAAC;YAClB,KAAK,EAAE;gBACH,kBAAkB,EAAE,cAAc;aACrC;SACJ;QACD;YACI,KAAK,EAAE,CAAC,UAAU,CAAC;YACnB,KAAK,EAAE;gBACH,kBAAkB,EAAE,WAAW;aAClC;SACJ;QACD;YACI,KAAK,EAAE,CAAC,QAAQ,CAAC;YACjB,KAAK,EAAE;gBACH,SAAS,EAAE,QAAQ;aACtB;SACJ;QACD;YACI,KAAK,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC;YAC5B,KAAK,EAAE;gBACH,UAAU,EAAE,MAAM;aACrB;SACJ;QACD;YACI,KAAK,EAAE,CAAC,WAAW,CAAC;YACpB,KAAK,EAAE;gBACH,KAAK,EAAE,mBAAmB;aAC7B;SACJ;KACJ;CACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prism_highlighter.d.ts","sourceRoot":"","sources":["../../../../src/components/code/prism_highlighter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"prism_highlighter.d.ts","sourceRoot":"","sources":["../../../../src/components/code/prism_highlighter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAgJ7D,eAAO,MAAM,yBAAyB;;QAQrC,CAAC;AAEF,eAAO,MAAM,6BAA6B;;;iBAAoD,OAAO;QAEpG,CAAC;AAWF,eAAO,MAAM,sBAAsB;WARxB,cAAc;mBACN,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;qBACvB,MAAM,EAAE;eACd,MAAM;gBACL,MAAM;kBACJ,OAAO;kDAkDvB,CAAC"}
|
|
@@ -7,6 +7,7 @@ import styled, { css } from 'styled-components';
|
|
|
7
7
|
import { theme } from '../../design_system/theme.js';
|
|
8
8
|
import { useSharedUiDependencies } from '../../ui_dependency_provider.js';
|
|
9
9
|
import { Text } from '../text/index.js';
|
|
10
|
+
import { oneLightTheme } from './one_light_theme.js';
|
|
10
11
|
(typeof global !== 'undefined' ? global : window).Prism = Prism;
|
|
11
12
|
const HIGHLIGHT_BACKGROUND_COLOR = 'rgba(22, 114, 235, 0.05)';
|
|
12
13
|
const loadLanguages = async () => {
|
|
@@ -28,13 +29,13 @@ const loadLanguages = async () => {
|
|
|
28
29
|
// @ts-expect-error The library is badly typed and does not export the type
|
|
29
30
|
import('prismjs/components/prism-markup.js'),
|
|
30
31
|
// @ts-expect-error The library is badly typed and does not export the type
|
|
31
|
-
import('prismjs/components/prism-python.js'),
|
|
32
|
-
// @ts-expect-error The library is badly typed and does not export the type
|
|
33
32
|
import('prismjs/components/prism-typescript.js'),
|
|
34
33
|
// @ts-expect-error The library is badly typed and does not export the type
|
|
35
34
|
import('prismjs/components/prism-xml-doc.js'),
|
|
36
35
|
// @ts-expect-error The library is badly typed and does not export the type
|
|
37
36
|
import('prismjs/components/prism-yaml.js'),
|
|
37
|
+
// @ts-expect-error The library is badly typed and does not export the type
|
|
38
|
+
import('./prism_python.js'),
|
|
38
39
|
]);
|
|
39
40
|
};
|
|
40
41
|
void loadLanguages();
|
|
@@ -154,6 +155,6 @@ export const PrismSyntaxHighlighter = forwardRef(({ size = 'regular', linePrefix
|
|
|
154
155
|
const hasLinePrefixes = !_.isEmpty(linePrefixes);
|
|
155
156
|
const highlightedLinesObject = useRef(Object.fromEntries(highlightLines.map((e) => [e, true])));
|
|
156
157
|
const effectiveLanguage = useDetectedLanguage(rest.code || '', language) ?? 'javascript';
|
|
157
|
-
return (_jsx(Highlight, { theme: uiTheme === 'DARK' ? themes.nightOwl :
|
|
158
|
+
return (_jsx(Highlight, { theme: uiTheme === 'DARK' ? themes.nightOwl : oneLightTheme, language: effectiveLanguage, ...rest, children: ({ className: prismClassName, tokens, getLineProps, getTokenProps }) => (_jsx(PreWrapper, { tabIndex: 0, className: clsx(className, prismClassName), "$hasLinePrefixes": hasLinePrefixes, "$isSingleLine": isSingleLine, ref: ref, children: _jsx(Text, { size: size, type: 'code', as: 'code', children: tokens.map((line, i) => (_jsxs("div", { ...getLineProps({ line, className: highlightedLinesObject.current[i + 1] ? 'highlighted' : '' }), children: [hasLinePrefixes && (linePrefixes[i + 1] || _jsx(CodeHighlighterLinePrefix, {})), line.map((token, key) => (_jsx("span", { ...getTokenProps({ token }) }, key)))] }, i))) }) })) }));
|
|
158
159
|
});
|
|
159
160
|
//# sourceMappingURL=prism_highlighter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prism_highlighter.js","sourceRoot":"","sources":["../../../../src/components/code/prism_highlighter.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,CAAC,MAAM,QAAQ,CAAC;AAEvB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"prism_highlighter.js","sourceRoot":"","sources":["../../../../src/components/code/prism_highlighter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=prism_python.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prism_python.d.ts","sourceRoot":"","sources":["../../../../src/components/code/prism_python.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Prism.languages.python = {
|
|
3
|
+
comment: {
|
|
4
|
+
pattern: /(^|[^\\])#.*/,
|
|
5
|
+
lookbehind: true,
|
|
6
|
+
greedy: true,
|
|
7
|
+
},
|
|
8
|
+
// @ts-expect-error `prismjs` is badly typed
|
|
9
|
+
'string-interpolation': {
|
|
10
|
+
pattern: /(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,
|
|
11
|
+
greedy: true,
|
|
12
|
+
inside: {
|
|
13
|
+
interpolation: {
|
|
14
|
+
// "{" <expression> <optional "!s", "!r", or "!a"> <optional ":" format specifier> "}"
|
|
15
|
+
pattern: /((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,
|
|
16
|
+
lookbehind: true,
|
|
17
|
+
inside: {
|
|
18
|
+
'format-spec': {
|
|
19
|
+
pattern: /(:)[^:(){}]+(?=\}$)/,
|
|
20
|
+
lookbehind: true,
|
|
21
|
+
},
|
|
22
|
+
'conversion-option': {
|
|
23
|
+
pattern: //,
|
|
24
|
+
alias: 'punctuation',
|
|
25
|
+
},
|
|
26
|
+
rest: null,
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
string: /[\s\S]+/,
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
// this is missing in the official `prismjs` definition
|
|
33
|
+
'string-property': {
|
|
34
|
+
pattern: /((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,
|
|
35
|
+
lookbehind: true,
|
|
36
|
+
greedy: true,
|
|
37
|
+
alias: 'property',
|
|
38
|
+
},
|
|
39
|
+
'triple-quoted-string': {
|
|
40
|
+
pattern: /(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,
|
|
41
|
+
greedy: true,
|
|
42
|
+
alias: 'string',
|
|
43
|
+
},
|
|
44
|
+
string: {
|
|
45
|
+
pattern: /(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,
|
|
46
|
+
greedy: true,
|
|
47
|
+
},
|
|
48
|
+
function: {
|
|
49
|
+
pattern: /((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,
|
|
50
|
+
lookbehind: true,
|
|
51
|
+
},
|
|
52
|
+
'class-name': {
|
|
53
|
+
pattern: /(\bclass\s+)\w+/i,
|
|
54
|
+
lookbehind: true,
|
|
55
|
+
},
|
|
56
|
+
decorator: {
|
|
57
|
+
pattern: /(^[\t ]*)@\w+(?:\.\w+)*/m,
|
|
58
|
+
lookbehind: true,
|
|
59
|
+
alias: ['annotation', 'punctuation'],
|
|
60
|
+
inside: {
|
|
61
|
+
punctuation: /\./,
|
|
62
|
+
},
|
|
63
|
+
},
|
|
64
|
+
// eslint-disable-next-line max-len
|
|
65
|
+
keyword: /\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,
|
|
66
|
+
// eslint-disable-next-line max-len
|
|
67
|
+
builtin: /\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,
|
|
68
|
+
boolean: /\b(?:False|None|True)\b/,
|
|
69
|
+
number: /\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,
|
|
70
|
+
operator: /[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,
|
|
71
|
+
punctuation: /[{}[\];(),.:]/,
|
|
72
|
+
};
|
|
73
|
+
// @ts-expect-error `prismjs` is badly typed
|
|
74
|
+
Prism.languages.python['string-interpolation'].inside.interpolation.inside.rest = Prism.languages.python;
|
|
75
|
+
Prism.languages.py = Prism.languages.python;
|
|
76
|
+
//# sourceMappingURL=prism_python.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prism_python.js","sourceRoot":"","sources":["../../../../src/components/code/prism_python.ts"],"names":[],"mappings":";AAAA,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG;IACrB,OAAO,EAAE;QACL,OAAO,EAAE,cAAc;QACvB,UAAU,EAAE,IAAI;QAChB,MAAM,EAAE,IAAI;KACf;IACD,4CAA4C;IAC5C,sBAAsB,EAAE;QACpB,OAAO,EAAE,qEAAqE;QAC9E,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE;YACJ,aAAa,EAAE;gBACX,sFAAsF;gBACtF,OAAO,EAAE,qFAAqF;gBAC9F,UAAU,EAAE,IAAI;gBAChB,MAAM,EAAE;oBACJ,aAAa,EAAE;wBACX,OAAO,EAAE,qBAAqB;wBAC9B,UAAU,EAAE,IAAI;qBACnB;oBACD,mBAAmB,EAAE;wBACjB,OAAO,EAAE,iBAAiB;wBAC1B,KAAK,EAAE,aAAa;qBACvB;oBACD,IAAI,EAAE,IAAI;iBACb;aACJ;YACD,MAAM,EAAE,SAAS;SACpB;KACJ;IACD,uDAAuD;IACvD,iBAAiB,EAAE;QACf,OAAO,EAAE,2EAA2E;QACpF,UAAU,EAAE,IAAI;QAChB,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,UAAU;KACpB;IACD,sBAAsB,EAAE;QACpB,OAAO,EAAE,sCAAsC;QAC/C,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,QAAQ;KAClB;IACD,MAAM,EAAE;QACJ,OAAO,EAAE,kDAAkD;QAC3D,MAAM,EAAE,IAAI;KACf;IACD,QAAQ,EAAE;QACN,OAAO,EAAE,2CAA2C;QACpD,UAAU,EAAE,IAAI;KACnB;IACD,YAAY,EAAE;QACV,OAAO,EAAE,kBAAkB;QAC3B,UAAU,EAAE,IAAI;KACnB;IACD,SAAS,EAAE;QACP,OAAO,EAAE,0BAA0B;QACnC,UAAU,EAAE,IAAI;QAChB,KAAK,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;QACpC,MAAM,EAAE;YACJ,WAAW,EAAE,IAAI;SACpB;KACJ;IACD,mCAAmC;IACnC,OAAO,EAAE,uNAAuN;IAChO,mCAAmC;IACnC,OAAO,EAAE,qhBAAqhB;IAC9hB,OAAO,EAAE,yBAAyB;IAClC,MAAM,EAAE,kJAAkJ;IAC1J,QAAQ,EAAE,sDAAsD;IAChE,WAAW,EAAE,eAAe;CAC/B,CAAC;AAEF,4CAA4C;AAC5C,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;AAEzG,KAAK,CAAC,SAAS,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import type { IconComponent } from '@apify/ui-icons';
|
|
2
|
+
import type { ValueOf } from '@apify-packages/types';
|
|
3
|
+
import type { RegularBoxProps } from './box.js';
|
|
4
|
+
import { type RegularButtonProps, type TransientButtonProps } from './button.js';
|
|
5
|
+
import { type RegularLinkProps } from './link.js';
|
|
6
|
+
export declare const ICON_BUTTON_VARIANTS: {
|
|
7
|
+
readonly DEFAULT: "DEFAULT";
|
|
8
|
+
readonly BORDERED: "BORDERED";
|
|
9
|
+
readonly DANGER: "DANGER";
|
|
10
|
+
readonly DANGER_BORDERED: "DANGER_BORDERED";
|
|
11
|
+
};
|
|
12
|
+
export type ICON_BUTTON_VARIANTS = ValueOf<typeof ICON_BUTTON_VARIANTS>;
|
|
13
|
+
type IconButtonNodeType = Extract<React.ElementType, 'a' | 'button'>;
|
|
14
|
+
type IconButtonNodePropsMap = {
|
|
15
|
+
a: {
|
|
16
|
+
element: HTMLAnchorElement;
|
|
17
|
+
props: RegularLinkProps;
|
|
18
|
+
};
|
|
19
|
+
button: {
|
|
20
|
+
element: HTMLButtonElement;
|
|
21
|
+
props: RegularButtonProps;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export type IconButtonProps<T extends IconButtonNodeType> = RegularBoxProps & Pick<TransientButtonProps, 'size'> & {
|
|
25
|
+
as?: T;
|
|
26
|
+
variant?: ICON_BUTTON_VARIANTS;
|
|
27
|
+
Icon: IconComponent;
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
isLoading?: boolean;
|
|
30
|
+
title?: string;
|
|
31
|
+
tooltipProps?: unknown;
|
|
32
|
+
} & Omit<IconButtonNodePropsMap[T]['props'], 'size' | 'variant'>;
|
|
33
|
+
/**
|
|
34
|
+
* Simplified button component that displays an icon.
|
|
35
|
+
* Has a tooltip and a loading state.
|
|
36
|
+
*/
|
|
37
|
+
export declare const IconButton: import("react").ForwardRefExoticComponent<{
|
|
38
|
+
children?: React.ReactNode;
|
|
39
|
+
className?: string;
|
|
40
|
+
style?: React.CSSProperties;
|
|
41
|
+
onClick?: (e: React.MouseEvent) => void;
|
|
42
|
+
id?: string;
|
|
43
|
+
} & {
|
|
44
|
+
as?: React.ElementType;
|
|
45
|
+
} & Pick<TransientButtonProps, "size"> & {
|
|
46
|
+
as?: IconButtonNodeType | undefined;
|
|
47
|
+
variant?: ICON_BUTTON_VARIANTS;
|
|
48
|
+
Icon: IconComponent;
|
|
49
|
+
disabled?: boolean;
|
|
50
|
+
isLoading?: boolean;
|
|
51
|
+
title?: string;
|
|
52
|
+
tooltipProps?: unknown;
|
|
53
|
+
} & Omit<RegularLinkProps | RegularButtonProps, "size" | "variant"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
54
|
+
export {};
|
|
55
|
+
//# sourceMappingURL=icon_button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon_button.d.ts","sourceRoot":"","sources":["../../../src/components/icon_button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAE/D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAqD,KAAK,kBAAkB,EAAE,KAAK,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEpI,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAGxD,eAAO,MAAM,oBAAoB;;;;;CAKvB,CAAC;AACX,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,OAAO,oBAAoB,CAAC,CAAC;AA2HxE,KAAK,kBAAkB,GAAG,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC,CAAC;AACrE,KAAK,sBAAsB,GAAG;IAC1B,CAAC,EAAE;QACC,OAAO,EAAE,iBAAiB,CAAC;QAC3B,KAAK,EAAE,gBAAgB,CAAC;KAC3B,CAAC;IACF,MAAM,EAAE;QACJ,OAAO,EAAE,iBAAiB,CAAC;QAC3B,KAAK,EAAE,kBAAkB,CAAC;KAC7B,CAAC;CACL,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,kBAAkB,IAAI,eAAe,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,GAAG;IAC/G,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,OAAO,CAAC,EAAE,oBAAoB,CAAA;IAC9B,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;CACzB,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAEjE;;;GAGG;AACH,eAAO,MAAM,UAAU;eArJlB,MAAO,SAAS;;YAAqC,MAAO,aAE7D;kBAAkB,MAAO,UACvB;;;SAG+B,MAAO,WACrC;;;cAkIO,oBAAoB;UACxB,aAAa;eACR,OAAO;gBACN,OAAO;YACX,MAAM;mBACC,OAAO;2IA8CxB,CAAC"}
|